<!--
Created by RidgeRun, 2020

The software contained in this file is free and
unencumbered software released into the public domain. Anyone is free to
use the software contained in this file as they choose, including
incorporating it into proprietary software.
-->

<!DOCTYPE html>
<html>

<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <title>Gstd HTTP Server Examples</title>
</head>

<body>

    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

    <!------ Include the above in your HEAD tag ---------->

    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />


    <!-- Image and text -->

    <div style="padding-top: 50px;background-color: rgb(255, 255, 255);width: 65vw;height: 100vh;" class="container">

        <nav style="padding-bottom: 76px;" class="navbar navbar-light" style="background-color: #ffffff;">
            <a class="navbar-brand" style="font-size: x-large;" href="https://www.ridgerun.com/" target="_blank">
                <img src="src/resources/logo.png" width="250" height="auto" style="padding-bottom: 15px;" class="d-inline-block align-top" alt=""> Gstd HTTP Client Examples
            </a>
        </nav>

        <h1>Examples</h1>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th scope="col">Name</th>
                                <th scope="col">Description</th>
                                <th scope="col" style="width: 15px;">Run</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row"> Video player </th>
                                <td>Example showing how to perform video
                                playback with trick modes from a file or a
                                camera.</td>
                                <td>
                                    <a type="button" class="btn btn-primary" onclick="newwin()" href="./src/video_player_app.html">
                                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-play" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" d="M10.804 8L5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z"/>
                                        </svg>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <th scope="row"> Gstd Controller</th>
                                <td>Example showing how to create and control
                                pipelines, modify their state, send events,
                                modify element properties, and more.</td>
                                <td>
                                    <a type="button" class="btn btn-primary" onclick="newwin()" href="./src/controller_app.html">
                                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-play" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" d="M10.804 8L5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z"/>
                                        </svg>
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        </p>
    </div>
    </div>


    </div>
</body>

</html>
